<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/orderDetail.css"/>
			<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
		<title>订单详情页</title>
	</head>
	<body>
		<div class="orderweb">
			<!--订单详情页标题-->
			<header class="backHeader">
				<div class="cephalo">
					<div class="img_jiantou">
						<img src="img/accountSecurity/left.png"/>
					</div>
					<div class="fav_name">
						<p>订单详情页</p>
					</div>
				</div>
			</header>
			<!--内容部分-->
			<section>
				<!--收货地址-->
				<div class="receivingAddress">
					<p>收货地址：</p>
					<input type="text" />
				</div>
				<!--订单详情-->
				<div class="orderDetail">
					<div class="productDetail">
						<div class="productImg fl"><img src="img/orderDetails/product.jpg"/></div>
						<div class="productInfo fl">
							<p>im五斗柜</p>
							<p>红色</p>
							<p>100*100</p>
							<p class="productPrice">￥<em>3234.6</em></p>
							<p class="productNum">x <em>1</em></p>
						</div>
					</div>
					<div class="orderInfo">
						<div class="orderDesc">
							<p>订单编号：</p>
							<input type="text" />
						</div>
						<div class="orderDesc">
							<p>下单时间：</p>
							<input type="text" />
						</div>
					</div>
					<div class="orderInfo">
						<div class="orderDesc">
							<p>支付方式：</p>
							<input type="text" />
						</div>
					</div>
					<div class="orderInfo">
						<div class="orderDesc">
							<p>配送方式：</p>
							<input type="text" />
						</div>
						<div class="orderDesc">
							<p>配送时间：</p>
							<input type="text" />
						</div>
					</div>
					<div class="orderInfo productInvoice">
						<div class="orderDesc">
							<p>发票类型：</p>
							<input type="text" />
						</div>
						<div class="orderDesc">
							<p>发票抬头：</p>
							<input type="text" />
						</div>
						<div class="orderDesc">
							<p>发票内容：</p>
							<input type="text" />
						</div>
					</div>
					<div class="orderInfo">
						<div class="orderDesc">
							<p>商品总额</p>
							<span class="productTotal">￥<em>8888</em></span>
						</div>
						<div class="orderDesc">
							<p>包邮：</p>
							<span class="freight">0</span>
						</div>
					</div>
					<div class="orderInfo paymentAmount">
						<div class="orderDesc clearfix">
							<p>
								<span>需付款：</span>
								<span class="payables">￥<em>8888</em></span>
								<span>取消订单</span>
							</p>
						</div>
					</div>
				</div>
			</section>
			<!--底部导航-->
			<footer class="indexFooter">
				<ul>
					<li>
						<img src="img/index/home_icon.png"/>
					</li>
					<li>
						<img src="img/index/id_icon.png"/>
					</li>
					<li>
						<img src="img/index/buy_icon.png"/>
					</li>
					<li>
						<img src="img/index/service_icon.png"/>
					</li>
				</ul>
			</footer>

			<script src="js/orderDetail.js" type="text/javascript" charset="utf-8"></script>
		</div>
	</body>
</html>
